<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #one{
            width: 200px;
            height: 50px;
            font-weight: 600;
            color: red;
            background-color: rgb(103, 103, 248);
        }
        #two{
            width: 250px;
            height: 50px;
            background-color: rgb(247, 166, 61);
            font-weight: 500;
        }
        .bot{
            width: 500px;
            height: 80px;
            background-color: pink;
            
        }
    </style>
</head>
<body>
    <p id="one">澜</p>
    <p id="two">手游《王者荣耀》中的英雄角色</p>
    <ol>
        <li><a href="">背景故事</a></li>
        <li><a href="">英雄技能</a></li>
        <li><a href="">玩法介绍</a></li>
        <li><a href="">英雄台词</a></li>
    </ol>
    <p class="bot">澜，腾讯手游《王者荣耀》中的一位刺客型英雄角色，于2020年12月8日正式上线</p>
    <p class="bot">澜属于《王者荣耀》背景故事中三分之地区域的吴阵营，身手敏捷，能以魔道之力化作鲨鱼对敌人进行暗杀。</p>
    <p class="bot">原型为三国时期孙策手下名将吕蒙。<sup>[1]</sup></p>
</body>
</html>